<!--
 * @Author: AllenYe
 * @Date: 2021-04-18 09:33:00
 * @LastEditors: AllenYe
 * @LastEditTime: 2021-04-18 15:13:46
 * @Description: file content
-->
<template>
  <div>
      <h2 v-on="$listeners">child1</h2>
      <button @click="add">pushData</button>
      <!-- 事件总线
      任意两个组件之间传值常用事件总线 或 vuex的方式。 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      name:'child1'
    }
  },
  methods: {
    // 父子组件传值
    add(){
      this.$emit('pushData','add')
    }
  },
  mounted() {
    // this.$bus.$on('foo',val=>{
    //   console.log('$bus接受到的值',val)
    // })
    this.$parent.$on('foo',val=>{
      console.log('this.$parent.$on',val)
    })
  },
}
</script>

<style>

</style>
